<template>
  <div class="onekit-view"
       :class="onekitClass"
       :style="onekitStyle"
       :id="onekitId"
       :hover-class="hoverClass"
       :hover-stop-propagation="hoverStopPropagation"
       :hover-start-time="hoverStartTime"
       :hover-stay-time="hoverStayTime"
       @mousedown="ui_mousedown"
       @mousemove="ui_mousemove"
       @mouseup="ui_mouseup"
       @click="ui_click"
       @touchstart="ui_touchstart"
       @touchmove="ui_touchmove"
       @touchend="ui_touchend">
    <slot></slot>
  </div>
</template>

<script>
import weixin_behavior from '../../behaviors/weixin_behavior'
import onekit_behavior from '../../behaviors/onekit_behavior'
export default {
  name: "onekit-view",
  mixins: [weixin_behavior, onekit_behavior],
  props: {
    hoverClass: {
      type: String,
      default: "none"
    },
    hoverStopPropagation: {
      type: [Boolean, String],
      default: false
    },
    hoverStartTime: {
      // eslint-disable-next-line vue/require-prop-type-constructor
      type: [String, Number],
      default: 50
    },
    hoverStayTime: {
      // eslint-disable-next-line vue/require-prop-type-constructor
      type: [String, Number],
      default: 400
    }

  },
  methods: {}
}
</script>

<style>
</style>
